HTML5中input新增类型+表单新增属性+其他标签属性

您所在的位置:网站首页 html 中input HTML5中input新增类型+表单新增属性+其他标签属性

HTML5中input新增类型+表单新增属性+其他标签属性

#HTML5中input新增类型+表单新增属性+其他标签属性| 来源: 网络整理| 查看: 265

首页 > > 网页制作 > css > HTML5中input新增类型+表单新增属性+其他标签属…

2020-02-01 16:02:02来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折 HTML5中input新增类型+表单新增属性+其他标签属性

@ (猴头)

Input 新增属性

email  邮箱(只在手机端有效)

url  网址(只在iphone手机有效)

tel  手机号(只在手机端有效)

number  数字(右侧有上下按钮,只能输入数字,+号,-号,. 和e)

 

 

 input 日期时间(手机端效果比较好)

date 年月日

time 小时和分

datetime 年月日+小时和分 (iphone和安卓都不再兼容,电脑端也不兼容)

datetime-local 本地年月日+小时和分

month 年月

week 年和周 (iphone不兼容)

 

 

 seach 与 text 区别:

search右边有个叉叉

 

 

 form 和 input的自动完成功能 autocomplete="on"

 

 

 

autofocus 自动获取焦点

 

 

 multiple 适用于file 和 email

file 可以上传多个文件

email 添加multiple,则上传到后台为数组;不添加上传到后台为字符串

 

 

 placeholder 属性适用于 text  password  email  tel  url  search

 

 

 

网页在浏览器显示的图标

 

 

 

 

DOCTYPE html> Document 测试链接

 

 

 

给所有链接设置新窗口打开

DOCTYPE html> Document 测试链接

 

最后一个知识点,其实我还没弄懂,别人那里搬运来的:

普通script

文档解析的过程中,如果遇到script脚本,就会停止页面的解析进行下载(但是Chrome会做一个优化,如果遇到script脚本,会快速的查看后边有没有需要下载其他资源的,如果有的话,会先下载那些资源,然后再进行下载script所对应的资源,这样能够节省一部分下载的时间 @Update: 2018-08-17)。资源的下载是在解析过程中进行的,虽说script1脚本会很快的加载完毕,但是他前边的script2并没有加载&执行,所以他只能处于一个挂起的状态,等待script2执行完毕后再执行。当这两个脚本都执行完毕后,才会继续解析页面。

 

 

defer

文档解析时,遇到设置了defer的脚本,就会在后台进行下载,但是并不会阻止文档的渲染,当页面解析&渲染完毕后。会等到所有的defer脚本加载完毕并按照顺序执行,执行完毕后会触发DOMContentLoaded事件。

 

 

async

async脚本会在加载完毕后执行。async脚本的加载不计入DOMContentLoaded事件统计,也就是说下图两种情况都是有可能发生的

 

 

 

 

推荐的应用场景 defer

如果你的脚本代码依赖于页面中的DOM元素(文档是否解析完毕),或者被其他脚本文件依赖。例:

评论框 代码语法高亮 polyfill.js async

如果你的脚本并不关心页面中的DOM元素(文档是否解析完毕),并且也不会产生其他脚本需要的数据。例:

百度统计

如果不太能确定的话,用defer总是会比async稳定。。。

 

ol 新增属性

start 表示起始,reversed 表示倒序

html html5 css css3

 

 manifest 定义离线缓存文件

DOCTYPE html> Document

scoped 可以使样式嵌入在网页的任何一个位置,有这种写法,但不建议使用

DOCTYPE html> Document

 

原文链接:https://www.cnblogs.com/chenyingying0/p/12249222.html如有疑问请与原作者联系

标签:POST使用load数据ClassHTTP

版权申明:本站文章部分自网络,如有侵权,请联系:[email protected] 特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识H

下一篇:H5网页布局+css代码美化

相关文章 ie8下透明度处理 2020-06-11 1.html5概述 2020-05-25 2.CSS3选择器 2020-05-17 [书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读 2020-05-07 HTML5开发工具有哪些?准备的这些HTML5开发工具赶紧了解一下! 2020-04-07

IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设

网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源

网站联盟: 联盟新闻 联盟介绍 联盟点评 网赚技巧

行业资讯: 搜索引擎 网络游戏 电子商务 广告传媒

网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护

软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计: Java技术 C/C++ VB delphi

网络知识: 网络协议 网络安全 网络管理 组网方案 Cisco技术

操作系统: Win2000 WinXP Win2003 Mac OS Linux FreeBSD



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3